<template>

  <div class="VRate">
    <a-rate v-model="value" />
    <br />
    <a-rate
      :default-value="2.5"
      allow-half
    />
    <br />
    <a-rate
      :default-value="2"
      disabled
    />
    <br />
    <a-rate allow-half>
      <a-icon
        slot="character"
        type="heart"
      />
    </a-rate>
    <br />
    <a-rate
      character="A"
      allow-half
      style="fontSize: 36px"
    />
    <br />
    <a-rate
      character="好"
      allow-half
    />
    <br />
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: 2,
    };
  },
};
</script>